<template>
	
	<!-- 20230414 -->
	<view class="bar-address-cn" @click="go('pages/user/address/list?type=2')">

		<!-- 组件内容 -->
		<view class="cn-content">

			<!-- 选择完地址 -->
			<view class="padding-20 radius-10 bg-ff flex align-center justify-between" v-if="address.id">
				<!-- 地址 -->
				<view class="margin-right-20">
					<view class="flex align-center">
						<view class="margin-right-20" v-if="address.is_default == 1">
							<ty-text-label text="默认" :radius="4" :padding="5"></ty-text-label>
						</view>
						<view class="line-height-30 text-cut-one text-28">
							{{address.province}}{{address.city}}{{address.area}}
						</view>
					</view>
					<view class="margin-top-10 line-height-40 text-cut-one text-32 text-bold">
						{{address.address}}
					</view>
					<view class="margin-top-10 line-height-30 text-24 text-77">
						<text>{{address.linkman}}</text>
						<text class="margin-left-40">{{address.mobile_phone}}</text>
					</view>
				</view>
				<text class="tyIcon-arrow-right text-30 text-77"></text>
			</view>

			<!-- 没有选择地址 -->
			<view class="padding-lr-20 padding-tb-30 radius-10 flex align-center justify-between bg-ff" v-else>
				<text class="line-height-40 text-30 text-33">请选择地址</text>
				<text class="tyIcon-arrow-right text-30 text-77"></text>
			</view>
		</view>

		<!-- 组件浮层 -->
		<view class="cn-layer">

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 地址信息
			address: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>

</style>